.tw-libmapsvg {
  width: 100%;
  text-align: center;
  position: relative;
}
.tw-libmapsvg-area-item:hover,
.tw-libmapsvg-area-itemtext:hover {
  cursor: pointer;
  transition: all ease-in-out .3s; 
}
.tw-libmapsvg-fximg {
  position: absolute;
  top: 0;
  left: 0;
}
.tw-libmapsvg-tipimg {
  position: absolute;
  top: 0;
  right: 0;
}
.tw-libmapsvg-popup {
  text-align: left;
  padding: 10px;
  background-color: transparent;
  opacity: 0;
  transition: all ease-in-out 0.5s;
  -webkit-transition:  all ease-in-out 0.5s;
  -moz-transition:  all ease-in-out 0.5s;
  -o-transition:  all ease-in-out 0.5s;
}

.tw-libmapsvg-popup.xshow {
  opacity: 1;

}

.tw-libmapsvg-popup-container {
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
  min-width: 300px;
  min-height: 200px;
  background-color: #fff;
  border-radius: 10px;
  padding:15px 30px 10px;
}
.tw-libmapsvg-popup-name {
  color: #CF2029;
  font-size: 0.64rem;
  border-bottom: 1px solid #FFBB74;
  line-height: 2;
  margin: 0;
}
.tw-libmapsvg-popup-text ul{
  list-style: none;
  padding-left: 0;
  font-size: 0.48rem;
  padding-top: 10px;
}
.tw-libmapsvg-popup-text ul li{
  padding: 5px 0 5px 20px;
  background: url("./images/icon.png") no-repeat left center;
}
.tw-libmapsvg-popup-text ul li a:hover {
  color: #CF2029;
}